<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>媒体查询</title>
	<link rel="stylesheet" href="../css/750.css" media="screen and (max-width:750px)">
	<link rel="stylesheet" href="../css/1024.css" media=" screen and (min-width:750px) and (max-width:1024px)">
	<style>
/* @import "../css/750.css" screen and (max-width:750px);
@import "../css/1024.css" screen and (min-width:750px) and (max-width:1024px); */

/* @media (max-width: 320px) {
	body {
		background: pink;
	}
}

@media (min-width: 321px) and (max-width: 375px) {
	body {
		background: red;
	}
}

@media (min-width: 376px) and (max-width: 425px) {
	body {
		background: yellow;
	}
}

@media (min-width: 426px) and (max-width: 768px) {
	body {
		background: blue;
	}
}

@media (min-width: 769px) {
	body {
		background: green;
	}
} */

	</style>
</head>

<body>

</body>

</html>